Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(atomic): hide unhydrated results #4900

Merged
merged 1 commit into from
Feb 4, 2025
Merged

fix(atomic): hide unhydrated results #4900

merged 1 commit into from
Feb 4, 2025

Conversation

louis-bompart
Copy link
Collaborator

@louis-bompart louis-bompart commented Jan 27, 2025

https://coveord.atlassian.net/browse/KIT-3775
Inspired by https://bbellmyers.github.io/2020/09/27/fouc-stencil.html.

Not a definitive fix: When Lit migration is done for the atomic-result, we should validate for regression on that front, and also try to improve the behavior even so slightly.
It might also be preferable to migrate all result components first, so that we can "cut" this behavior neatly. (would likely not happen because I think we scan documentFragment from template element, so we should have all the element defined by then (tho maybe not because of race conditions, in which case https://www.abeautifulsite.net/posts/flash-of-undefined-custom-elements might be adapted for our needs)

Copy link

github-actions bot commented Jan 27, 2025

Pull Request Report

PR Title

✅ Title follows the conventional commit spec.

Live demo links

Bundle Size

File Old (kb) New (kb) Change (%)
case-assist 244 244 0
commerce 355.2 355.2 0
search 415.2 415.2 0
insight 406.4 406.4 0
recommendation 256.2 256.2 0
ssr 409 409 0
ssr-commerce 373 373 0

SSR Progress

Use case SSR (#) CSR (#) Progress (%)
search 39 44 89
recommendation 0 4 0
case-assist 0 6 0
insight 0 27 0
commerce 0 15 0
Detailed logs search : buildInteractiveResult
search : buildInteractiveInstantResult
search : buildInteractiveRecentResult
search : buildInteractiveCitation
search : buildGeneratedAnswer
recommendation : missing SSR support
case-assist : missing SSR support
insight : missing SSR support
commerce : missing SSR support

@louis-bompart louis-bompart changed the title poc fix(atomic): hide unhydrated results Jan 27, 2025
@louis-bompart louis-bompart marked this pull request as ready for review January 27, 2025 23:39
@louis-bompart louis-bompart requested review from a team as code owners January 27, 2025 23:39
@louis-bompart
Copy link
Collaborator Author

louis-bompart commented Jan 27, 2025

This is a corner case, so @lvu285 or @wmannard , I'll ask for your QA validation for this one (this time, and next time when we migrate, then I think it's niche enough that it'll remain fine).
It's not perfect, but it's better, and better's good.

Reproduce bug:

Fix showcase:

@louis-bompart louis-bompart requested a review from a team January 27, 2025 23:45
Copy link
Contributor

@alexprudhomme alexprudhomme left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great fix for now !

Copy link
Contributor

@dmgauthier dmgauthier left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

hydrated

@lvu285
Copy link
Contributor

lvu285 commented Feb 4, 2025

Hi @louis-bompart ,
I tested your before & after search page. It looks good so far.
At the same time, is there any other risky issues that I need to recheck?

This is a corner case, so @lvu285 or @wmannard , I'll ask for your QA validation for this one (this time, and next time when we migrate, then I think it's niche enough that it'll remain fine). It's not perfect, but it's better, and better's good.

Reproduce bug:

Fix showcase:

@louis-bompart
Copy link
Collaborator Author

Hi @louis-bompart , I tested your before & after search page. It looks good so far. At the same time, is there any other risky issues that I need to recheck?

This is a corner case, so @lvu285 or @wmannard , I'll ask for your QA validation for this one (this time, and next time when we migrate, then I think it's niche enough that it'll remain fine). It's not perfect, but it's better, and better's good.

Reproduce bug:

Fix showcase:

I think not, I think I was quit accurate with my CSS so shouldbefine:tm:

@louis-bompart louis-bompart added this pull request to the merge queue Feb 4, 2025
Merged via the queue into master with commit 5bb6b51 Feb 4, 2025
95 checks passed
@louis-bompart louis-bompart deleted the fix/KIT-3775 branch February 4, 2025 16:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants